<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>homework</title>
    <script src="//at.alicdn.com/t/font_2990221_thtaytucjw.js" ></script>
    <style>

   *{
    margin: 0;
        border: 0;
   }
  
   .box{
       width: 500px;
       height: 450px;
       padding: 2px;
   }
   .mbox{
    width: 500px;
       height: 150px;
       padding: 20px;
   }
   .lboxl{
       float: left;
       width: 200px;height: 200px;
    
   }
   .lboxr{
       float: right;
       text-align: left;
       height: 200px;width: 300px;
   }
   .cm{
       color: red;
       
       float: right;
       
   }
   h3{
       display: inline-block;
   }
  
   .icon{
       width: 1em;
       height: 1em;
       vertical-align: -0.15rem;
       fill: currentColor;
       overflow: hidden;
   }
    </style>

</head>
<div class="box"  >
    <div class="mbox"  > 
        <div class="lboxl">
            <img src="./htpy.jpg" width="150px" height="200px"  alt=""> 
        </div>
        <div class="lboxr"  >
            <h3>环太平洋 </h3>
                <span class="cm" >468 人评论过</span>
        </br>
    </br>
                <p>
                    <span style="color:blue;" >#环太平洋##环太平洋#</span> 
                    对影建筑物倒塌，核弹攻击城市1，外星人入侵...
                    <span style="color: brown;" >[详细] </span>
                </p> 
            </br>
        </br> 
    </br> 
                <p class="user" >
                    <svg  class="icon" >
                        <use xlink:herf="#icon-yonghu"></use>
                    </svg>
                    用户<span>欧美电影</span>
                </p>
        </div>
      </div>
  </br>
      <div class="mbox"  >
          <div class="lboxl" >
            <img src="./fast.jpg" width="150px" height="200px" alt="" > 
          </div>
          <div  class="lboxr"  >
         <h3>速度与激情6</h3>
         <span class="cm" >468 人评论过</span>
        </br>
    </br>
         <p>
            【杰森·斯坦森确定加盟】<span style="color:blue;" >#速j#</span>斯坦森饰演第六部大反派欧文·肖..
            <span style="color: brown;" >[详细] </span>   
         </p>
        </br>
    </br>
</br>
         <p class="user"  >
            用户<span>欧美电影</span>
        </p>
          </div>      
      </div>
  </br>
      <div   class="mbox" >
          <div  class="lboxl">
            <img src="./qcp.jpg" width="150px" height="200px"  alt="">
          </div>
             <div class="lboxr" >
                <h3>青春派</h3>
                <span class="cm" >468 人评论过</span>
            </br>
        </br>
    </br>
                <p>
                    《青春派》预告片“零差评”逆增长
                    <span style="color: brown;" >[详细] </span>
                </p>
            </br>
        </br>
    </br>
                <p class="user"  >
                    用户<span>欧美电影</span>
                </p>
             </div>
      </div>
</div>
    
</body>
</html>